<template>
	<div>
		爱好：
		<input type="text" v-model="str">
		<input type="checkbox" v-model="hobby" value="抽烟">抽烟&nbsp;&nbsp;
		<input type="checkbox" v-model="hobby" value="台球">台球&nbsp;&nbsp;
		<input type="checkbox" v-model="hobby" value="打游戏">打游戏&nbsp;&nbsp;
		
		同意协议：<input type="checkbox" v-model="agree">
	</div>
</template>

<script>
	export default {
		name:'Test',
		data() {
			return {
				hobby:[],
				str:'',
				agree:''
			}
		},
	}
</script>